﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Hello</title>
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>

    <link href="js/videojs/design/video-js.css" rel="stylesheet" type="text/css" />
    <script>
    _V_.options.flash.swf = "video-js.swf";
    </script>
    <script src="http://vjs.zencdn.net/c/video.js"></script>
        <style type="text/css">
         #wr 
         {
         	margin:20px auto;
         	background:#b3afaf;
         	width:990px;
         	height:270px;
         	overflow:hidden;
         	position:relative;
         }
        #clickme {
            position: absolute;
            width: 200px;
            background-color: #ccc;
            left:89%;
        }
        #book 
        {
	        background:#ff7200;
	        width:900px;
	        height:270px;
	        float:right;
	        overflow:hidden;
        }
        </style>
        <script type="text/javascript">
        $(document).ready(function() {
            $('#book').hide();
           $('#pl').click(function() {
              $('#book').animate({
                opacity: 1,
                left: '+=50',
                width: 'toggle'
              }, 3000, function() {
            // Animation complete.
            $('#clickme').find('#pl img').attr('src','img/b.png');
            $('#clickme').find('#pl img').attr('src','img/play_img.jpg');
          });
        });
        });
        </script>
</head>
<body>
    <div id="wr">
       <!-- <div id="clickme"><a id="pl"><img src="img/play_img.jpg" /></a></div>
        <div id="book">
           <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
              poster="http://video-js.zencoder.com/oceans-clip.png"
              data-setup="{}">
            <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
            <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
            <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
            <track kind="captions" src="captions.vtt" srclang="en" label="English" />
            </video>-->
            <div id="mybg" style="position:absolute;left:0px;top:0px;margin:0px 0px 0px 0px;">
                      <object width="1000" height="280">
                        <param name="movie" value="img/fl_bn.swf" />
                        <param name="wmode" value="transparent" />
                        <embed width="1000" height="270" src="img/fl_bn.swf" type="application/x-shockwave-flash" />
                      </object>
                    </div>
        
    </div>
</body>
</html>